var v1=new Vue({
	el:"#demo1",
	data:{
		books:[
			{
				id:1,
				name:"《算法导论》",
				date:'2006-9',
				price:85.00,
				count:1
			},
			{
				id:2,
				name:"《Linux艺术》",
				date:'2006-2',
				price:59.00,
				count:1
			},
			{
				id:3,
				name:"《编程大法》",
				date:'2006-5',
				price:39.00,
				count:1
			},
			{
				id:4,
				name:"《九阳神功》",
				date:'2006-11',
				price:128.00,
				count:1
			},
			{
				id:5,
				name:"《九阳神功II》",
				date:'2016-11',
				price:256.00,
				count:1
			}
		]
		// count:1
	},
	methods:{
		decrease(index){
			console.log("down",index),
			// index用来确定操作数组中的哪个具体元素成员
			this.books[index].count--
		},
		add:function(index){
			console.log("add",index),
			// index用来确定操作数组中的哪个具体元素成员
			this.books[index].count++
		},
		
		removeHidden(index){
			// splice() 方法用于添加或删除数组中的元素,(此处业务逻辑应用到'删除books数组的一个成员'),index用来确定操作数组中的哪个具体元素成员
			this.books.splice(index,1)
		}
		
		// getFianlPrice(price){
		// 	return '¥'+price.toFixed(2)
		// }
	},
	filters:{
		showPrice(price){
			return '¥'+price.toFixed(2)
		}
	},
	computed:{
		totalPrice(){
			let totalPrice=0;
			for(let i=0;i < this.books.length;i++){
				totalPrice +=this.books[i].price * this.books[i].count
			}
			return totalPrice
		}
	}
	
});